﻿<html>
<head>
<style>
<!--
#amain {
width: 99%;
height: 99%;
padding: 0px;
position: relative;
left:0; top:0;
color: black;
}

.parch {
position: absolute;
height: 50%;
height: expression(amain.offsetHeight/2);
width: 26%;
width: expression(amain.offsetWidth/4);
padding:0; margin:0;
z-index: -1;
}

#a_lt, #a_mt_l, #a_mt_r, #a_rt { top:0; }

#a_lb, #a_mb_l, #a_mb_r, #a_rb { top:50%; }

#a_lt { left:0; }
#a_mt_l { left:25%; }
#a_mt_r { left:50%; }
#a_rt { left:75%; }
#a_lb {  left:0; }
#a_mb_l { left:25%; }
#a_mb_r { left:50%; }
#a_rb { left:75%; }

#atext {
margin: 2%;
text-align: left;
}
-->
</style>

</head>
<body>
<div id='amain'>
<div id='atext'>
asdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdf
</div>
<img src='/images/parchment-lt.gif' id='a_lt' class='parch'/>
<img src='/images/parchment-mt-l.gif' id='a_mt_l' class='parch'/>
<img src='/images/parchment-mt-r.gif' id='a_mt_r' class='parch'/>
<img src='/images/parchment-rt.gif' id='a_rt' class='parch'/>
<img src='/images/parchment-lb.gif' id='a_lb' class='parch'/>
<img src='/images/parchment-mb-l.gif' id='a_mb_l' class='parch'/>
<img src='/images/parchment-mb-r.gif' id='a_mb_r' class='parch'/>
<img src='/images/parchment-rb.gif' id='a_rb' class='parch'/>
</div>
</body></html>
